import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
  routes: [{
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('./views/About.vue')
    },
    {
      path: '/breadBox',
      component: () => import('./views/breadBox'),
      children: [{
        path: '01',
        component: () => import('./views/About'),
        children: [{
          path: '02',
          component: () => import('./views/About'),
          children: [{
            path: '03',
            component: () => import('./views/About'),
          }]
        }]
      }]
    }
  ]
})